<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <script src="../js/jquery-3.4.1.min.js"></script>

    <script>
        function  sub() {
            //拼装表单数据
            let  fd = new FormData();

            fd.append("loginName",$("#loginName").val())
            fd.append("loginPwd",$("#loginPwd").val())
            //获取表单上文件的数据  设置到fd中

            let  files =  $("#mFile").prop("files")
            fd.append("mFile",files[0])

            $.ajax({
                //请求路径
                url:"/user/upload",
                //请求方式
                type:"POST",
                //请求参数
                data:fd,


                contentType:false,
                processData:false,

                success:function () {
                    alert("文件上传成功")
                },

                error:function () {
                    alert("文件上传失败,服务器异常")

                }






            })





        }



    </script>







</head>
<body>

<form action="" enctype="multipart/form-data">
  用户名  <input type="text" name="loginName" id="loginName"><br>
  密码    <input type="text" name="loginName" id="loginPwd"><br>
  文件    <input type="file" name="mFile" id="mFile"><br>
  <button onclick="sub()">提交</button>






</form>

</body>
</html>